<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创造MYHOME</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/chuangzao.css"/>
		<link rel="stylesheet"  type="text/css" href="./js/animate.min.css"/>
	</head>
	<body>
		<div id="top">
			<a href="javascript:;" >top</a>
		</div>
		<!-- 头部 -->
		<header>
			<nav id="nav">
				<a href="index.html"><div class="left">星座CREATE</div></a>
				<dl class="right">
					<a href="index.html"><dd>家</dd></a>
					<a href="#guangyu"><dd>关于</dd></a>
					<a href="#xiangmu"><dd>工程项目</dd></a>
					<a href="#womeng"><dd>建筑团队</dd></a>
				</dl>
			</nav>
			<div class="liebiao">
				<h2>星座CREATE</h2>
				<ul class="bian">
					<a href="index.html"><li>首页</li></a>
					<a href="shinei.html"><li>室内设计</li></a>
					<a href="lianxiwo.html"><li>联系我们</li></a>
				</ul>
				<div class="shou">
				</div>
			</div>
			<div id="wutai">
				<div class="zhuti">
					<img src="images/bg_1.jpg">
					<div class="zhe"></div>
					<div class="wen">
						<h1>我们创造出令人惊叹的建筑设计</h1>
						<div class="bian"><p>一条名叫杜登的小河从他们的地方流过，为它提供了必要的资源，这是一个天堂般的国家。</p>
						</div>
						<ul>
							<li><a href="shinei.html">看我们的作品</a></li>
						</ul>
					</div>
				</div>
				<div class="zhuti">
					<img src="images/bg_2.jpg" >
					<div class="zhe"></div>					
					<div class="wen">
						<h1>建造你的房子</h1>
						<div class="bian"><p>一条名叫杜登的小河从他们的地方流过，为它提供了必要的资源，这是一个天堂般的国家。</p></div>
						<ul>
							<li><a href="shinei.html">看我们的作品</a></li>
						</ul>
					</div>
				</div>
				<div class="zhuti">
					<img src="images/bg_1.jpg">
					<div class="zhe"></div>
					<div class="wen">
						<h1>我们创造出令人惊叹的建筑设计</h1>
						<div class="bian"><p>一条名叫杜登的小河从他们的地方流过，为它提供了必要的资源，这是一个天堂般的国家。</p></div>
						<ul>
							<li><a href="shinei.html">看我们的作品</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- 悬浮图标 -->
		<div id="xuanfu">
			<div class="hezi">
				<dl class="x1 fade">
					<div class="tong"><span class="ziti2">&#xe63e;
					</span></div>
					<dt>完美设计</dt>
					<dd>即使是全能的指点也无法完美无缺，这几乎是一种绝对的道理。</dd>
				</dl>
				<dl class="x2 fade">
					<div class="tong"><span class="ziti2">&#xe681;</span></div>
					<dt>精心规划</dt>
					<dd>即使是全能的指点也无法完美无缺，这几乎是一种绝对的道理。</dd>
				</dl>
				<dl class="x3 fade">
					<div class="tong"><span class="ziti2">&#xe638;</span></div>
					<dt>巧妙执行</dt>
					<dd>即使是全能的指点也无法完美无缺，这几乎是一种绝对的道理。</dd>
				</dl>
			</div>
		</div>
		<!-- 关于 -->
		<div id="guangyu">
			<div class="one">
				<div class="left fade">
					<div class="zhe">
						<h3>不只是创造</h3>	
					</div>
				</div>
				<div class="right fade">
					<div class="top">
						<h5>关于</h5>
						<h2>我们是意大利最好的室内设计师顾问。</h2>	
					</div>
					<div class="bottom">
						<p>在路上她遇到了一份副本。抄本警告小盲人文本，它的来源将被重写一千次，从它的起源所留下的一切都将是“和”，而小盲文本应该掉头回到它自己的安全的国家。但是，这份拷贝没有什么能说服她，所以没过多久，几个阴险的文案作家伏击她，让她喝多了朗格和假释，把她拖进了他们的代理机构，在那里他们虐待了她。</p>
						<p>当她到达意大利山脉的第一座小山时，她在家乡布克马克斯格罗夫的天际线、阿尔法贝特村的头条和她自己道路的支线“线巷”上看到了最后的风景。她的脸颊上冒出一个令人不悦的问题，然后她继续往前走。</p>
						<a href="no404.html">了解更多</a>
					</div>
				</div>
			</div>
			<div class="two">
				<div class="left fade">
					<div class="top">
						<h5>完美</h5>
						<h2>我们创造完美</h2>	
					</div>
					<div class="bottom">
						<p>在路上她遇到了一份副本。抄本警告小盲人文本，它的来源将被重写一千次，从它的起源所留下的一切都将是“和”，而小盲文本应该掉头回到它自己的安全的国家。但是，这份拷贝没有什么能说服她，所以没过多久，几个阴险的文案作家伏击她，让她喝多了朗格和假释，把她拖进了他们的代理机构，在那里他们虐待了她。</p>
						<p>当她到达意大利山脉的第一座小山时，她在家乡布克马克斯格罗夫的天际线、阿尔法贝特村的头条和她自己道路的支线“线巷”上看到了最后的风景。她的脸颊上冒出一个令人不悦的问题，然后她继续往前走。</p>
						<a href="no404.html">了解更多</a>
					</div>
				</div>
				<div class="right fade">
					<div class="zhe">
						<h3>更是完美艺术</h3>	
					</div>
				</div>
			</div>
		</div>
		<!-- 我们的项目 -->
		<div id="xiangmu">
			<div class="wenzi">
				<h2>我们的项目</h2>
				<p>一条名叫杜登的小河从他们的地方流过，为它提供了必要的资源。这是一个天堂般的国家，没有一个人不为之惊叹。</p>
			</div>
			<ul class="zhantu">
				<li class="t1 fade">
					<h3>巴黎办公室室内设计</h3>
					<div class="tao"><span class="myfonts">&#xe76e;</span></div>	
				</li>
				<li class="t2 fade">
					<h3>巴黎办公室室内设计</h3>
					<div class="tao"><span class="myfonts">&#xe76e;</span></div>
				</li>
				<li class="t3 fade">
					<h3>巴黎办公室室内设计</h3>
					<div class="tao">
<span class="myfonts">&#xe76e;</span>
					</div>
				</li>
				<li class="t4 fade">
					<h3>巴黎办公室室内设计</h3>
					<div class="tao"><span class="myfonts">&#xe76e;</span></div>
				</li>
			</ul>
		</div>
		<!-- 我们的团队 -->
		<div id="womeng">
			<div class="wenzi">
				<h2>我们满意的顾客说
</h2>
				<p>在很远的地方，在“山”这个词的后面，远离沃卡利亚和康索南提亚的国家，那里住着盲文。他们分开生活</p>
			</div>
			<div class="zhanpian">
				<div class="yuangong w1 fade">
					<dl>
						<dt class="t1"></dt>
						<dd>
							<h1>请技师转身</h1>
						</dd>
					</dl>
					<div class="jieshao">
						<h3>戴维·史密斯</h3>
						<h4>等待</h4>
						<p>我是一个雄心勃勃的工作狂，但除此之外，相当简单的人。</p>
					</div>
					<ul>
						<li><a href="#"><span class="fonts3">&#xe9b2;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe632;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe645;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe71c;</span></a></li>
					</ul>
				</div>
				<div class="yuangong w2 fade">
					<dl>
						<dt class="t2"></dt>
						<dd>
							<h1>请技师转身</h1>
						</dd>
					</dl>
					<div class="jieshao">
						<h3>沃斯·墙德亨</h3>
						<h4>等待</h4>
						<p>我是一个雄心勃勃的工作狂，但除此之外，相当简单的人。</p>
					</div>
					<ul>
						<li><a href="#"><span class="fonts3">&#xe9b2;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe632;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe645;</span></a></li>
					
						<li><a href="#"><span class="fonts3">&#xe71c;</span></a></li>
					</ul>
				</div>
				<div class="yuangong w3 fade">
					<dl>
						<dt class="t3"></dt>
						<dd>
							<h1>请技师转身</h1>
						</dd>
					</dl>
				<div class="jieshao">
					<h3>麦麻·谅侩艺</h3>
					<h4>等待</h4>
					<p>我是一个雄心勃勃的工作狂，但除此之外，相当简单的人。</p>
				</div>
				<ul>
					<li><a href="#"><span class="fonts3">&#xe9b2;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe632;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe645;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe71c;</span></a></li>
				</ul>
			</div>
			<div class="yuangong w4 fade">
				<dl>
					<dt class="t4"></dt>
					<dd>
						<h1>请技师转身</h1>
					</dd>
				</dl>
				<div class="jieshao">
					<h3>膏醇·哝榴酸</h3>
					<h4>等待</h4>
					<p>我是一个雄心勃勃的工作狂，但除此之外，相当简单的人。</p>
				</div>
				<ul>
					<li><a href="#"><span class="fonts3">&#xe9b2;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe632;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe645;</span></a></li>
					
					<li><a href="#"><span class="fonts3">&#xe71c;</span></a></li>
				</ul>
			</div>
			</div>
		</div>
		<!-- 页脚 -->
		<footer>
			<div class="box">
				<h1>星座CREATE</h1>
				<div class="banquan"><h5>版权(2020年)星座模板</h5><a href="index.html">/等鱼布局</a>
				</div>
				<ul>
					<a href="#"><li><span class="ziti3">&#xe9b2;</span></li></a>
					<a href="#"><li><span class="ziti3">&#xe632;</span></li></a>
					<a href="#"><li><span class="ziti3">&#xe71c;</span></li></a>
				</ul>
			</div>
		</footer>
	</body>
	<script src="./js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="./js/chuangzao.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload = function(){
			var totop = document.getElementById("top");
			totop.style.display = "none";
			var timer = null;
			totop.onclick = function(){
				timer = setInterval(function(){
					var backTop = document.documentElement.scrollTop || document.body.scrollTop;
					var speedTop = backTop/5;
					document.documentElement.scrollTop = backTop - speedTop;
					if(backTop == 0){
						clearInterval(timer);
					}
				},30)
			}
			//超屏显示
			var nav = document.getElementById("nav");
			var navTop = 900;
			
			var linjie = 100;
			window.onscroll = function(){
				var  backTop = document.documentElement.scrollTop || document.body.scrollTop;
				if(backTop > linjie){
					totop.style.display = "block";
				}else{
					totop.style.display = "none";
				}
				
				if(backTop >= navTop){
					nav.style.position = "fixed";
					nav.style.top = "0";
					nav.style.left = "0";
					nav.style.zIndex = "100";
					nav.style.backgroundColor = "#151515";
				}else{
					nav.style.position = "";
					nav.style.backgroundColor = "";
				}
			}
		}
	</script>
</html>
